<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body>
  <h1>axios响应拦截器</h1>
  <button id="btn">发送请求</button>
  <script>
    /* 
      创建一个axios实例 并配置这个实例
    
    */
    const myAxios = axios.create({
      baseURL: "/", //配置公共路径
      timeout: 10000, //配置超时事件
      headers: {} //配置请求头
    })

    //响应拦截器

    // myAxios.interceptors.response.use((res) => {
    //   //响应拦截器中可以拿到响应的结果
    //   alert("响应拦截了")
    //   return res.data.data
    // }, (err) => {
    //   console.log(err, "err11111");
    //   return Promise.reject(err);
    // });

    // 添加响应拦截器
    myAxios.interceptors.response.use(function (response) {
      // 对响应数据做点什么
      alert("响应拦截了")
      return response;
    }, function (error) {
      // 对响应错误做点什么
      return Promise.reject(error);
    });

    const oBtn = document.getElementById('btn');
    oBtn.onclick = async function () {
      try {
        const result = await myAxios.get("/user", {
          params: {
            userId: "001"
          }
        })
        console.log(result);
      } catch (e) {
        console.log("我是catch中处理的异常", e.message);
      }
    }
  </script>
</body>

</html>